<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript"src="//code.jquery.com/jquery-1.11.2.min.js"></script>"
    <script src="Assig4.js"></script>
    <h1>KARTHIK NATHANI Batch 2</h1>

</head>
<style>
    body {
        background-image: url("http://www.daswallpaper.de/wallpaper/original/63906_1.jpg");
    }

    h1 {
    font-family: serif;
    font-weight: 100;
}
body {
    color:#F4D90F;
    text-align:center;
    font-family:oblique;
}

.nav {
    margin: 1px;
    padding: 1px;
    list-style: none;
}

.nav li {
    float: left;
    width: 160px;
    position: relative;
}

.nav li a {
    background: #5C85FF;
    color: #94FF70;
    display: block;
    padding: 7px 8px;
    text-decoration: none;
    border-top: 1px solid #069;
}

.nav li a:hover {
    color: #069;
}

/*=== submenu ===*/

.nav ul {
    display: none;
    position: absolute;
    margin-left: 0px;
    list-style: none;
    padding: 0px;
}

.nav ul li {
    width: 160px;
    float: left;
}

.nav ul a {
    display: block;
    height: 15px;
    padding: 7px 8px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #222;
}

.nav ul li a:hover {
    color: #069;

}</style>
<body>

<div class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">

        </div>
    <ul class="nav">
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Java UI Contents</a>
            <ul>
                <li><a href="http://getbootstrap.com/2.3.2/getting-started.html#html-template">HTML</a></li>
                <li><a href="http://getbootstrap.com/2.3.2/base-css.html">CSS</a></li>
                <li><a href="http://getbootstrap.com/2.3.2/javascript.html">Java Script</a></li>
            </ul>
        </li>
        <li>
            <a href="#">Important Script Tags</a>
            <ul>
                <li><a href="http://jquery.com/download/">Jquery CDN</a></li>
                <li><a href="http://getbootstrap.com/getting-started/">Bootstrap</a></li>
                <li><a href="http://jquery.com/">Java Script</a></li>
            </ul>
        </li>
    </ul>
</div>
</div>

</body>
</html>
